<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="./jquery.min.js"></script>
    <style>
            #parent{
                width: 200px;
                height: 250px;
                background-color: #FFA500;
            }

           .son{
                width: 100px;
                height: 100px;
                background-color: red;
               margin-bottom: 10px;
            }
    </style>
</head>
<body>
<!--
删除元素/内容
如需删除元素和内容，一般可使用以下两个 jQuery 方法：
remove() - 删除被选元素（及其子元素）
empty() - 从被选元素中删除子元素
-->

<div id="parent">
    <div class="son">

    </div>
    <div class="son">

    </div>
</div>

<button id="btn">删除节点</button>
<script>
    $(function () {
        document.getElementById("btn").onclick = function (){
                // $('#parent').remove()
                $('#parent').empty()
        }
    })
</script>
</body>
</html>